<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//document.getElementById() id
			//document.getElementsByClassName() class
			//document.getElementsByName() name
			//document.getElementsByTagName() <
			//document.querySelector() 单个 css .div #div div
			//document.querySelectorAll() 集合
//        window.onload=function () {
//        	var div=document.querySelector("#div")
//        	console.log(div)
//        }
//        window.onload=function () {
//        	console.log(0)
//        }
          
//        $(document).ready(function  () {
//        	console.log(0)
//        })
//        $().ready(function  () {
//        	console.log(1)
//        })
          $(function (){
//        	jquery对象
          	//var $div=$("div")
          	
          	//console.log($div)
          	
//        	js对象
//          var div=document.getBarcodeById("div")
          	
          	//console.log(div===$div[0])
          	
          	//js=>jq $(dom) 工厂函数
          	//jq=>js $[idx] idx(索引)
          	$(":").css("color","red")
          	
           })
          	 	
          
		</script>
			
		
	</head>
	<body>
		<div id="div">这是一个div</div>
		<ul>
			<li>111</li>
			<li>222</li>
			<li>333</li>
			<li>444</li>
			<li>555</li>
		</ul>
		<h1>Header 1</h1>
	</body>
</html>
